import { computed, onUnmounted, ref } from 'vue'
import dayjs from 'dayjs'

// 封装倒计时逻辑函数
export const useCountDown = () => {
  let timer = null
  // 1.响应式的数据
  const time = ref(0)
  // 格式化时间为 xx分xx秒
  const formatTime = computed(() => {
    return dayjs.unix(time.value).format('mm分ss秒')
  })

  // 2.开启倒计时的函数
  const start = (currentTime) => {
    time.value = currentTime
    // 每个一秒就减一
    timer = setInterval(() => {
      time.value--
    }, 1000)
  }

  // 清除定时器的逻辑可以在组件销毁时调用
  onUnmounted(() => {
    // 清除定时器逻辑
    // 这里可以实现清除定时器的逻辑
    timer && clearInterval(timer)
  })

  return {
    formatTime,
    start
  }
}
